=======
<html>
<head>
<script>
function recordIt()
{
    var res = document.getElementById("res");
    if (res.innerText != "FAIL")
        res.innerText = "PASS";
}

function testIt(ch, expected)
{
    document.getElementById("sel").focus();
    eventSender.keyDown(ch);
    if (document.getElementById("sel").selectedIndex != expected)
        document.getElementById("res").innerText = "FAIL";
}

function test()
{
    if (!window.testRunner)
        return;

    testRunner.dumpAsText();
    testIt("c", 2);
}
</script>
</head>
<body onload="test()">
<h1>WebKit Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=74590">74590</a></h1>
Verify type ahead selection fires onchange event.
<ol>
<li>Set focus to select element</li>
<li>Type "c"</li>
<li>You see "cherry" in select element and "PASS" below select element.</li>
</ol>
<select id="sel" onchange="recordIt()">
    <option>apple</option>
    <option>banana</option>
    <option>cherry</option>
</select><br />
<div id="res"></div>
</html>
